<template>
  <div>
    <input type="text" v-model="ipt"/>
    <Grid :gridColumns="gridColumns" :gridData="gridData" :search="ipt" />
  </div>
</template>

<script>
import Grid from "./components/Grid";
export default {
  data() {
    return {
      gridColumns: [
        { name: "name", isAsc: false },
        { name: "power", isAsc: false },
        { name: "zm", isAsc: false }
      ],
      gridData: [
        { name: "Chuck Norris", power: Infinity,zm:"a" },
        { name: "Bruce Lee", power: 9000,zm:"c"},
        { name: "Jackie Chan", power: 7000,zm:"b" },
        { name: "Jet Li", power: 8000,zm:"d" },
      ],
      ipt:''
    };
  },
  components: {
    Grid,
  },
};
</script>

<style scoped>
</style>